<!DOCTYPE html>
<html>

	<head>
		<title>一润魔方</title>
		<link rel="stylesheet" href="../../../js/stickysort/stickysort.css" />
		<link href="../login/css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
		<!-- Custom Theme files -->
		<script src="../login/js/jquery.min.js"></script>
		<!--theme-style-->
		<link href="../login/css/style.css" rel="stylesheet" type="text/css" media="all" />
		<!--//theme-style-->
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="keywords" content="" />
		<script type="application/x-javascript">
			addEventListener("load", function() {
				setTimeout(hideURLbar, 0);
			}, false);

			function hideURLbar() {
				window.scrollTo(0, 1);
			}
		</script>
		<script type="text/javascript" src="../login/js/move-top.js"></script>
		<script type="text/javascript" src="../login/js/easing.js"></script>
		<!-- 引入 ECharts 文件 -->
		<script src="../login/js/echarts.js"></script>

		<!-- Bootstrap Core CSS -->
		<!-- Custom CSS -->
		<link href="../login/html5/css/style.css" rel='stylesheet' type='text/css' />
		<link href="../login/html5/css/font-awesome.css" rel="stylesheet">
		<!-- jQuery -->
		<script src="../login/html5/js/jquery.min.js"></script>
		<!----webfonts--->
		<!--<link href='http://fonts.lug.ustc.edu.cn/css?family=Roboto:400,100,300,500,700,900' rel='stylesheet' type='text/css'>-->
		<!---//webfonts--->
		<!-- Bootstrap Core JavaScript -->
		<script src="../login/html5/js/bootstrap.min.js"></script>

		<script type="text/javascript">
			jQuery(document).ready(function($) {
				$(".scroll").click(function(event) {
					event.preventDefault();
					$('html,body').animate({
						scrollTop: $(this.hash).offset().top
					}, 1000);
				});
			});
		</script>

		<!--<link href='http://fonts.useso.com/css?family=Lato:400,100,300,700,900' rel='stylesheet' type='text/css'>
<link href='http://fonts.useso.com/css?family=Muli:400,300' rel='stylesheet' type='text/css'>-->
	</head>

	<body>
		<!--header-->
		<div class="header" id="header">
			<div class="container">
				<div class="nav-top">
					<!-- Brand and toggle get grouped for better mobile display -->
					<div class="navbar-header">
						<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
					<span class="sr-only">Toggle navigation</span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				</button>
						<div class="navbar-brand logo ">
							<h1><a href="../main/main.html">一润魔方 </a></h1>

						</div>
					</div>
					<!-- Collect the nav links, forms, and other content for toggling -->
					<div class="collapse navbar-collapse nav-wil links" id="bs-example-navbar-collapse-1">
						<ul class="nav navbar-nav ">
							<li>
								<a href="javascript:void(0);">综合看板</a><span></span> </li>
							<li>
								<a href="javascript:void(0);">商机看板 </a><span></span></li>
							<li>
								<a href="javascript:void(0);">资金看板 </a><span></span></li>
							<li>
								<a href="#services" class="scroll ser">收款看板</a><span></span> </li>
							<li>
								<a href="#gallery" class="scroll ser1">应收看板</a><span></span></li>
							<li>
								<a href="#clients" class="scroll ser1">信用纬度</a><span></span></li>
							<li>
								<a href="javascript:void(0);">销售地图</a>
							</li>
						</ul>
						<div class="clearfix"></div>
					</div>
					<!-- /.navbar-collapse -->
				</div>
			</div>
		</div>
		
		<!---table end--->
		<!-- 为ECharts begin-->
		<div id="main0" style="height:400px"></div>
		
		<!--table  begin-->
		<div class="panel-heading">
			<h3>当前贷款发放</h3>
			<div class="panel-ctrls" data-actions-container="" data-action-collapse="{&quot;target&quot;: &quot;.panel-body&quot;}"><span class="button-icon has-bg"><i class="ti ti-angle-down"></i></span></div>
		</div>
		
		<div class="bs-example4" data-example-id="simple-responsive-table">
			<div class="table-responsive">
				<table class="table table-bordered dataBody">
				</table>
				<script type="text/template" class="dataTpl1">
					<thead>
						<tr>
							<th>#</th>
							<th>客户</th>
							<th>授信额度(万元)</th>
							<th>可用额度(万元)</th>
							<th>贷款发放金额(万元)</th>
							<th>发放起始时间</th>
							<th>发放截止时间</th>
						</tr>
					</thead>	
					<tbody>
					{@each datas as it, index}
						{@if it.payment*1 > 0}
						<tr>
							<th scope="row">${index*1 + 1}</th>
							<td>${it.enterpriseName}</td>
							<td sortData="${it.creditLine}">${formatCurrency((it.creditLine/10000).toFixed(4))}</td>
							<td sortData="${it.creditLineRemain}">${formatCurrency((it.creditLineRemain/10000).toFixed(4))}</td>
							<td sortData="${it.payment}">${formatCurrency((it.payment/10000).toFixed(4))}</td>
							<td>${it.startDate}</td>
							<td>${it.endDate}</td>
						</tr>
						{@/if}
					{@/each}
					</tbody>
				</script>
				
				<script type="text/template" class="dataTpl2">
					<thead>
						<tr>
							<th>#</th>
							<th>客户</th>
							<th>授信额度(万元)</th>
							<th>可用额度(万元)</th>
							<th>还款金额(万元)</th>
							<th>发放起始时间</th>
							<th>发放截止时间</th>
						</tr>
					</thead>
					<tbody>
						{@each datas as it, index}
							{@if it.receive*1 > 0}
							<tr>
								<th scope="row">${index*1 + 1}</th>
								<td>${it.enterpriseName}</td>
								<td sortData="${it.creditLine}">${formatCurrency((it.creditLine/10000).toFixed(4))}</td>
								<td sortData="${it.creditLineRemain}">${formatCurrency((it.creditLineRemain/10000).toFixed(4))}</td>
								<td sortData="${it.receive}">${formatCurrency((it.receive/10000).toFixed(4))}</td>
								<td>${it.startDate}</td>
								<td>${it.endDate}</td>
							</tr>
							{@/if}
						{@/each}
					</tbody>
				</script>
				
				<script type="text/template" class="dataTpl3">
					<thead>
						<tr>
							<th>#</th>
							<th>客户</th>
							<th>授信额度(万元)</th>
							<th>可用额度(万元)</th>
							<th>贷款利息(万元)</th>
							<th>发放起始时间</th>
							<th>发放截止时间</th>
						</tr>
					</thead>
					<tbody>
						{@each datas as it, index}
							<tr>
								<th scope="row">${index*1 + 1}</th>
								<td>${it.enterpriseName}</td>
								<td sortData="${it.creditLine}">${formatCurrency((it.creditLine/10000).toFixed(4))}</td>
								<td sortData="${it.creditLineRemain}">${formatCurrency((it.creditLineRemain/10000).toFixed(4))}</td>
								<td sortData="${it.interest}">${formatCurrency((it.interest/10000).toFixed(4))}</td>
								<td>${it.startDate}</td>
								<td>${it.endDate}</td>
							</tr>
						{@/each}
					</tbody>
				</script>
			</div>
			<!-- /.table-responsive -->
		</div>

		<script type="text/javascript">
			
		</script>
		<!-- 为ECharts end-->
		<!--footer-->
		<div class="footer">
			<ul class="social">
				<li>
					<a href="#"><i> </i></a>
				</li>
				<li>
					<a href="#"><i class="ic"> </i></a>
				</li>
				<li>
					<a href="#"><i class="ic1"> </i></a>
				</li>
				<li>
					<a href="#"><i class="ic2"> </i></a>
				</li>
				<li>
					<a href="#"><i class="ic3"> </i></a>
				</li>
			</ul>
			<div class="footer-b">
				<ul class="footer-nav">
					<li>
						<a href="javascript:void(0);" class="scroll active">一润魔方</a>
					</li>
					<a href="javascript:window.opener=null;window.close();">关闭</a>
					<a href='javascript:history.go(-1)'>返回</a>
				</ul>
				<a href="#header" class="scroll bottom"><i></i></a>
			</div>
			<div class="copy">
				<p class="footer-grid">Copyright &copy; 2016.一润 All rights reserved.
					<a target="_blank" href="#">一润魔方</a>
				</p>
			</div>
		</div>
		<!-- for bootstrap working -->
		<script src="../login/js/bootstrap.min.js"></script>
		<!-- //for bootstrap working -->

		<script src="../../../component/layer/layer.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript" src="../../../js/seajs/sea.js"></script>
		<script type="text/javascript" src="../../../js/seajs/seajs-text.js"></script>
		<script type="text/javascript" src="../../../js/seajs/seajs-css.js"></script>
		<script type="text/javascript" src="../../../js/bord/config.js"></script>
		<script type="text/javascript" src="../../../js/juicer-min.js"></script>
		<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-throttle-debounce/1.1/jquery.ba-throttle-debounce.min.js"></script>
		<script type="text/javascript" src="../../../js/stickysort/jquery.stickysort.min.js" ></script>

		<script type="text/javascript">
			seajs.use('./receivePaymentDetail', function(receivePaymentDetail) {
				receivePaymentDetail.init();
			});
		</script>

	</body>

</html>